/*
* 自定义图片悬浮效果
*/
*{
	margin: 0px;
	padding: 0px;
}
/*设置父容器相对定位*/
.fileView{
	position:relative;//相对定位
	width:100%;
	height:418px;
	margin:0px;
	display: none;
}
/*设置子容器定位在父容器中 （绝对定位） */
.button{
	width:100%;
	height:40px;
	position:absolute;//绝对定位
	z-index:10;
	top:0px;
	background: rgba(0,0,0,.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
	filter: alpha(opacity=100);
	display:none;
}
.button span{
/* 	vertical-align:middle; */
	line-height:40px;
/* 	margin:0px auto; */
	float:right;
	color:white;
	/*background-color:transparent;*/  /* 背景色透明 */
	cursor:pointer;
	margin-right:10px;
	
}
.button span a{
	color:white;
}
.button span a:hover{
	color:white;
	border:solid 2px blue;       /* 边框取消 */
	border-radius: 5px 5px 5px 5px;
	background-color: blue;
}

.fileView:hover > .button {
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 3s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/
	display:block;
}
/*设置动画效果 fadeIn */
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 50; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 100; /*结尾状态 透明度为1*/
	}
}
